<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <style>
        body {
            background-color: #eee;
        }

        div {
            /* align-self: center; */
            text-align: center;
            /* align-items: center; */
            /* border: 1px solid black; */
            border-radius: 10%;
            background-color: white;
            box-shadow: 5px 5px 5px #787474;
            width: 480px;
            height: 256px;
        }

        p {
            font-size: 50px;
            font-weight: 700;
            margin: 50px 0 15px 0;
        }
    </style>
</head>

<body>
    <div>
        <p>注册</p>
        <form action="">
            <span style="margin: 5px;">手机号：</span>
            <input type="number" name="手机号" id="" style="margin: 5px;"><br>
            <span style="margin: 5px;">输入密码：</span>
            <input type="password" name="密码" id="" style="margin: 5px;"><br>
            <span style="margin: 5px;">再次输入密码：</span>
            <input type="password" name="密码" id="" style="margin: 5px;"><br><br>
            <!-- <input type="checkbox" name="" id="">记住密码<br> -->
            <!-- <a href="#"><input type="button" value="登录"></a> -->
            <a href="#"><input type="button" value="注册" style="margin: 0 10px;"></a>
            <a href="#" style="margin: 0 10px;">取消</a>
        </form>
    </div>
</body>

</html>